/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
$(document).ready(function () {
    getData();

    $('#salvar').submit(function (event) {
        console.log('salvar');
        event.preventDefault();
        sendData();

    });
    $('#pesquisar').click(function () {
        console.log('pesquisar');
        var f = $("form").serialize() + "&CRM=-1";
        buscaDataOne(f);
    });

    $('#limpar').click(function () {
        console.log('limpar');
    });

    $("#alerta").dialog({
        autoOpen: false,
        modal: true,
        buttons: {
            Ok: function () {
                $(this).dialog("close");
            }
        }
    });

    function val() {
        $("#tel").mask("(99) 9999-9999");
        $("#cpf").mask("999.999.999-99");
    }
    
    function _error(data) {
        console.log(data);
        alert(data);
    }

    function _populateTable(data) {
        $("#mtable tbody").append("<tr><td >" + data.cpf + "</td><td>" + data.nome + "</td><td>" + data.email + "</td><td>" + data.cidade + "</td><td  id='del'> <img n='" + data.id + "' src='img/delete.png' width='16' height='16'/><img n='" + data.id + "' src='img/edit.png' width='16' height='16'/> </td>");
        $("tr:odd").addClass("odd");
        $("tr:even").addClass("even");
    }

    function sendData() {

        var data = $("form").serialize() + "&perfil=Paciente";
        $.ajax({
            type: "POST",
            dataType: 'json',
            url: "PessoaSev",
            data: data + "&action=add",
            success: function (data) {
                $("#alerta").html(data.erro);
                $("#alerta").dialog("open");
                $('.cadastro :input[type!=submit] :input[type!=submit] ').val('');
                $("form").get(0).reset();
                getData();
            }
        });

    }
    function getData() {
        val();
        $.ajax({
            type: "POST",
            dataType: 'json',
            url: "PessoaSev",
            data: "action=list&perfil=Paciente",
            success: function (data) {
                if (typeof (data.erro) === 'undefined') {
                    delAllLinha();
                    $.each(data, function (index, element) {
                        _populateTable(element);
                    });
                    loadelement();
                } else {
                    $("#alerta").html(data.erro);
                    $("#alerta").dialog("open");
                }
            },
            error: _error
        });

    }
    function buscaDataOne(d) {

        $.ajax({
            type: "POST",
            dataType: 'json',
            url: "PessoaSev",
            data: "action=search&perfil=Paciente&" + d,
            success: function (data) {

                if (typeof (data.erro) === 'undefined') {
                    delAllLinha();
                    $.each(data, function (index, element) {
                        _populateTable(element);
                    });
                    loadelement();
                    val();
                } else {

                    $("#alerta").html(data.erro);
                    $("#alerta").dialog("open");
                }
            },
            error: _error
        });

        $('img').click(function () {
            alert("");
        });
    }
    function getDataOne(id) {
        $.ajax({
            type: "POST",
            dataType: 'json',
            url: "PessoaSev",
            data: "action=one&id=" + id,
            success: function (data) {
                if (typeof (data.erro) === 'undefined') {
                    delAllLinha();
                    // $.each(data, function(index, element) {
                    $("input[name='nome']").val(data.nome);
                    $("input[name='cpf']").val(data.cpf);
                    $("input[name='numero']").val(data.numero);
                    $("input[name='cidade']").val(data.cidade);
                    $("input[name='email']").val(data.email);
                    $("input[name='bairro']").val(data.bairro);
                    $("input[name='endereco']").val(data.endereco);
                    $("input[name='tel']").val(data.tel);
                    $("input[name='uf']").val(data.uf);
                    $("input[name='id']").val(data.id);
                    $("input[name='CRM']").val(data.crm);

                    $("select[name='plano']").val(data.plano_id);
                    $("input[name='numeroplano']").val(data.numeroplano);
                    $("input[name='tipoplano']").val(data.tipoplano);

                    _populateTable(data);
                    //});
                    loadelement();
                    val();
                } else {

                    $("#alerta").html(data.erro);
                    $("#alerta").dialog("open");
                }
            },
            error: _error
        });

        $('img').click(function () {
            alert("");
        });
    }
    function delData(id) {

        $.ajax({
            type: "POST",
            dataType: 'json',
            url: "PessoaSev",
            data: "action=del&id=" + id,
            success: function (data) {

                getData();
                if (typeof (data.erro) === 'undefined') {
                    getData();

                } else {
                    getData();
                    delAllLinha();
                    $("#alerta").html(data.erro);
                    $("#alerta").dialog("open");
                    val();
                }
            },
            error: _error
        });
    }
    function delAllLinha() {
        $("tbody>tr").remove();
    }
    function loadelement() {
        $("#mtable tbody").on('click', 'tr img:even', function () {
            console.log($(this).attr('n'));
            delData($(this).attr('n'));
        });
        $("#mtable tbody").on('click', 'tr img:odd', function () {
            console.log($(this).attr('n'));
            getDataOne($(this).attr('n'));
        });
    }
});

